<template>
  <div class="app">
    <div class="navbar">
      <div>
        <van-icon name="arrow-left" class="leftarrow" @click="backlink()" />
      </div>
      <van-tabs v-model:active="active" class="f_f_tabs">
        <van-tab title="关注" name="follow">
            
        </van-tab>
        <van-tab title="粉丝" name="fan"> </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: "follow",
    };
  },
  methods: {
    backlink() {
      this.$router.back();
    },
  },
};
</script>

<style scoped>
.app {
  margin: 0;
  padding: 0;
}
.navbar {
  position: relative;
  display: flex;
  height: 50px;
}
.leftarrow {
  position: absolute;
  left: 10px;
  line-height: 50px;
  font-size: 22px;
}
.f_f_tabs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
</style>
<style>
.f_f_tabs .van-tabs__wrap {
  width: 50vw;
}
</style>